<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>有乐互娱</title>
<meta name="viewport"
	content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<meta name="format-detection"
	content="telephone=no,email=no,date=no,address=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/weui.css"
	rel="stylesheet">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/icon108/mmiconfont.css"
	rel="stylesheet">
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/wap.css"
	rel="stylesheet">
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/jquery/jquery-3.1.1.min.js"></script>
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/layer.js"></script>
<link
	href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/need/layer.css?2.0"
	type="text/css" rel="styleSheet" id="layermcss">
<script
	src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/js/common.js"></script>
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/TouchSlide.1.1.js"></script>
<style>
.index-box-title {
	text-align: left
}

.discount {
	font-size: 14px;
	color: #f6ac56
}
</style>
</head>
<body>
	<div class="main-box">
		<!--图片轮播-->
		<div id="focus" class="focus" style="">
			<div class="hd">
				<ul>
					<li class="on">1</li>
					<li class="">2</li>
					<!-- <li class="">3</li>
					<li class="">4</li> -->
				</ul>
			</div>
			<div class="bd">
				<div class="tempWrap" style="overflow: hidden; position: relative;">
					<ul
						style="width: 1440px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translate(0px, 0px) translateZ(0px);">
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_01.jpg">
						</a>
						</li>
						<li
							style="display: table-cell; vertical-align: top; width: 360px;">
							<a href="index.html"> <img
								src="${pageContext.request.contextPath}/images/binyou/lb_02.jpg">
						</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$('.focus').show();
				TouchSlide({
					slideCell : "#focus",
					titCell : ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
					mainCell : ".bd ul",
					effect : "left",
					autoPlay : true,//自动播放
					autoPage : true, //自动分页
					switchLoad : "_src" //切换加载，真实图片路径为"_src"
				});
			})
		</script>
		<!--商品-->
		<div class="index-box">
			<div class="index-box-title">
				<div class="title-logo">
					<img
						src="http://jujin.oss-cn-shenzhen.aliyuncs.com/uploads/images/20170307/7f9306fea0c8a30a3b91eea59b7c9c0a.png"
						width="100%">
				</div>
				钻石
			</div>
			<div class="index-box-body">
				<ul class="index-list goods">
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/8.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">8颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥9.6</div>
								<a id="goods_9" href="javascript:buy('9');" data-msg="8颗钻石"
									data-href="order_pay.html?maillId=8&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/18.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">18颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥21.6</div>
								<a id="goods_10" href="javascript:buy('10');" data-msg="18颗钻石"
									data-href="order_pay.html?maillId=18&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/30.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">30颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥36</div>
								<a id="goods_11" href="javascript:buy('11');" data-msg="30颗钻石"
									data-href="order_pay.html?maillId=30&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/60.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">60颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥66<label style="font-size: 13px"> (省6元)</label></div>
								<a id="goods_12" href="javascript:buy('12');" data-msg="60颗钻石"
									data-href="order_pay.html?maillId=60&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/100.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">100颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥110<label style="font-size: 13px"> (省10元)</label></div>
								<a id="goods_13" href="javascript:buy('13');" data-msg="100颗钻石"
									data-href="order_pay.html?maillId=100&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/288.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">288颗钻石</div>
							<div class="desc">统一优惠价</div>
							<div class="down">
								<div class="system">￥316.8<label style="font-size: 13px"> (省28.8元)</label></div>
								<a id="goods_14" href="javascript:buy('14');" data-msg="288颗钻石"
									data-href="order_pay.html?maillId=288&userType=1"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!-- <div class="index-box-title">
				<div class="desc" style="font-size: 15px"><a href="player_to_user.html">
				【<u> 说明：邀请5位以上新用户或一次性充值100以</u>
				<br>&nbsp;&nbsp;<u>上，即可点击申请成为代理，轻松赚钱快！</u>】</a></div>
			</div> -->
			<p style="font-size: 11px;color:#888a85; "><a href="player_to_user.html">
			【<u>诚招代理：邀请${inviteNub}位以上玩家或一次性充值100元以上即可申请做代理，</u></a></p>
			<p style="font-size: 11px;color:#888a85; ">&nbsp; <a href="player_to_user.html"><u>代理洽谈请加微信：xianleqipai888</u>】</a></p>
		
		</div>
		<%-- <div class="index-box">
			<div class="index-box-title">
				<div class="title-logo">
					<img
						src="http://jujin.oss-cn-shenzhen.aliyuncs.com/uploads/images/20170216/f79e0c4b45b521ba8a22fe76b2d6b6b5.png"
						width="100%">
				</div>
				充值卡代理区
			</div>
			<div class="index-box-body">
				<ul class="index-list goods">
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/200.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">200张房卡会员专享套餐</div>
							<div class="desc">200张房卡套餐包</div>
							<div class="down">
								<div class="system">￥100.00</div>
								<a id="goods_7" href="javascript:buy('7');"
									data-msg="200张房卡会员专享套餐"
									data-href="order_pay.html?maillId=100&userType=2"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
					<li class="index-item line_bottom">

						<div class="index-item-img">
							<img
								src="${pageContext.request.contextPath}/images/binyou/600.png"
								width="100%">
						</div>

						<div class="index-item-body">
							<div class="title">600张房卡套餐包</div>
							<div class="desc">套餐包很划算，大家都在用</div>
							<div class="down">
								<div class="system">￥250.00</div>
								<a id="goods_6" href="javascript:buy('6');" data-msg="600张房卡套餐包"
									data-href="order_pay.html?maillId=250&userType=2"
									class="weui-btn weui-btn_primary"><span class="mmico"></span>购买</a>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div> --%>

	</div>
	<script>
		function buy(id) {
			var ele = $('#goods_' + id);
			ZCKJ.confirm('你确定购买：' + ele.data('msg') + ' 吗？', [ '我要购买', '再看看' ],
					function(d) {
						ZCKJ.loading('请稍等...', true, 2);
						window.location.href = ele.data('href');
					})
		}
	</script>

	<style>
.weui-tabbar__label {
	font-size: 14px;
}
</style>
	<div style="height: 50px;"></div>
	<div style="display: none" class="weui-tabbar" id="isweixinDiv">
		<a href="index.html" class="weui-tabbar__item" id="tabbar-Index-index"> <span
			style="display: inline-block; position: relative;"> <img
				src="${pageContext.request.contextPath}/images/binyou/1.png"
				alt="" class="weui-tabbar__icon">
		</span>
			<p class="weui-tabbar__label">游戏</p>
		</a>
		<a href="mall_list.html"
			class="weui-tabbar__item weui-bar__item_on" id="tabbar-Shop-index">
			<img
			src="${pageContext.request.contextPath}/images/binyou/2.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">充值</p>
		</a> <!-- <a href="/wap/my/chongzhi.html" class="weui-tabbar__item"
			id="tabbar-My-chongzhi"> <img
			src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/images/corkscrew.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">充值</p>
		</a> --> <a href="player.html" class="weui-tabbar__item"
			id="tabbar-My-index"> <img
			src="${pageContext.request.contextPath}/images/binyou/4.png"
			alt="" class="weui-tabbar__icon">
			<p class="weui-tabbar__label">个人中心</p>
		</a>
	</div>
	<script>
		$(function() {
			var ua = navigator.userAgent.toLowerCase();
		    if (ua.match(/MicroMessenger/i) == "micromessenger") {
		        //return true;
		    } else {
		    	//$("#isweixinDiv").css("display", "none");  
		    }
			
			var controller = "Shop";
			var action = "index";
			$('#tabbar-' + controller + '-' + action).addClass(
					'weui-bar__item_on');
		});
		
		var msg='${msg}';
	   	if(msg){
	   		ZCKJ.msg1(msg);
	   	}
	   	
	</script>

</body>
</html>